// 学习目标：
// 元素偏移量offset系列属性的作用
// 元素可视区client系列属性的作用
// 元素滚动scroll系列属性的作用
// 能够封装简单的动画函数
// 能够写出网页轮播图案例



元素偏移量offset系列属性
// offset偏移量 使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等
// 1、获得元素距离带有定位父元素的位置
// 2、获得元素自身的大小（宽度、高度） 返回的数值都不带单位

动态获取元素的位置 
element.offsetTop 返回元素相对带有定位父元素上方的偏移
element.offsetLeft 返回元素相对带有定位父元素左边框的偏移
获取元素的大小
element.offsetWidth 返回自身包括padding、border、width，返回数值不带单位
element.offsetHeight 返回自身包括padding、border、height，返回数值不带单位

获取元素的父亲 返回带有定位的父亲 如果没有则返回body
element.offsetParent
和之前学过的parentNode类似 但是parentNode在有节点的时候还是会返回上一个最近的节点

区分offset和style之间的区别
1、style只能获取行内样式表中的样式值,offset可以得到任意样式表中的样式值
2、offset获得的是数值是没有单位的，style.width获得的是带有单位的字符串
3、offsetWidth包含padding+border+width style是不包含padding、border和width的
4、offsetWidth属性获得的是只读属性，style可读写属性，可以获取也可以赋值
案例：计算鼠标在盒子内的坐标
思路： 通过事件对象获得鼠标在页面的坐标，然后通过获取盒子在页面的坐标相减即可
案例: 拖动模块框（登录框）


元素可视区client系列属性
//